import {localeProps} from '../../utils';

const label = '标签页';
const name = 'tab';

export default {
  icon: 'icon-tab',
  label,
  name,
  children: 'tab-pane',
  mask: false,
  rule() {
    return {
      type: 'a-tabs',
      style: 'width:100%;',
      children: []
    };
  },
  props(_, {t}) {
    return localeProps(t, name + '.props', [
      {
        type: 'select',
        field: 'type',
        title: '风格类型',
        options: [
          {
            label: 'card',
            value: 'card'
          },
          {
            label: 'border-card',
            value: 'border-card'
          }
        ]
      },
      {
        type: 'switch',
        field: 'closable',
        title: '标签是否可关闭'
      },
      {
        type: 'select',
        field: 'tabPosition',
        title: '选项卡所在位置',
        options: [
          {
            label: 'top',
            value: 'top'
          },
          {
            label: 'right',
            value: 'right'
          }, {
            label: 'left',
            value: 'left'
          }]
      },
      {
        type: 'switch',
        field: 'stretch',
        title: '标签的宽度是否自撑开'
      }
    ]);
  }
};
